<%@ page language="java"  contentType="text/html; charset=utf-8"%>
<!-- login.jsp -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
		<title>登录</title>
		<link rel="icon" href="${pageContext.request.contextPath}/favicon.ico" type="image/x-icon"/>
		<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico"  type="image/x-icon"/>
		<meta http-equiv="pragma" content="no-cache">
		<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}

.STYLE3 {
	font-size: 12px;
	color: #adc9d9;
}
-->
</style>
		<link type="text/css"
			href="${pageContext.request.contextPath}/js/keyboard_style_1.css"
			rel="stylesheet" />
		<script src="${pageContext.request.contextPath}/js/utils.js" type="text/javascript" language="javascript"></script>
<SCRIPT type="text/javascript" language="javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"></SCRIPT>
<SCRIPT type="text/javascript" language="javascript" src="${pageContext.request.contextPath}/js/utils.js"></SCRIPT>
		<script type="text/javascript">

function validate() {
	var account = $('#_account').val();
	if(!utils_stringLength(account, '登录名', 2, 20))
		return;
	var pwd = $('#_pwd').val();
	if(!utils_stringLength(pwd, '密码', 4, 20))
		return;
	var yzm = $("#_yzm").val();
	if (yzm.length != 4) {
		alert('验证码只能为4位数字');
		return;
	}
	$('#_userLoginForm').submit();
}

function loginError() {
	if(${errorMessage != null}) {
		alert("${errorMessage}");
	}
	$('#_account').focus();
}
		
	</script>
	</head>
	<body onload="loginError()">
		<script type="text/javascript">
		if(window != top) {
			alert('登录超时，请重新登录！');
			top.location.href = "${pageContext.request.contextPath}/admin/login";
		}
		</script>
		<form action="${pageContext.request.contextPath}/admin/user/login" id="_userLoginForm" method="post">
			<table width="100%" height="100%" border="0" cellspacing="0"
				cellpadding="0">
				<tr>
					<td bgcolor="#1075b1">
						&nbsp;
					</td>
				</tr>
				<tr>
					<td height="608"
						background="${pageContext.request.contextPath}/images/pingTai/login/login_03.gif">
						<table width="847" border="0" align="center" cellpadding="0"
							cellspacing="0">
							<tr>
								<td height="318"
									background="${pageContext.request.contextPath}/images/pingTai/login/login_04.gif">
									&nbsp;
								</td>
							</tr>
							<tr>
								<td height="84">
									<table width="100%" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td width="381" height="84"
												background="${pageContext.request.contextPath}/images/pingTai/login/login_06.gif">
												&nbsp;
											</td>
											<td width="162" valign="middle"
												background="${pageContext.request.contextPath}/images/pingTai/login/login_07.gif">
												<table width="100%" border="0" cellspacing="0"
													cellpadding="0">
													<tr>
														<td width="44" height="24" valign="bottom">
															<div align="right">
																<span class="STYLE3">用户</span>
															</div>
														</td>
														<td width="10" valign="bottom">
															&nbsp;
														</td>
														<td height="24" colspan="2" valign="bottom">
															<div align="left">
																<input type="text" maxlength="16" title="请输入用户名"
																	id="_account" name="account"
																	style="width: 100px; height: 17px; background-color: #87adbf; border: solid 1px #153966; font-size: 12px; color: #283439;">
															</div>
														</td>
													</tr>
													<tr>
														<td height="24" valign="bottom">
															<div align="right">
																<span class="STYLE3">密码</span>
															</div>
														</td>
														<td width="10" valign="bottom">
															&nbsp;
														</td>
														<td height="24" colspan="2" valign="bottom">
															<input type="password" name="password" 
																maxlength="16" id="_pwd" title="请输入登陆密码"
																style="width: 100px; height: 17px; background-color: #87adbf; border: solid 1px #153966; font-size: 12px; color: #283439;" />
														</td>
													</tr>
													<tr>
														<td height="24" valign="bottom">
															<div align="right">
																<span class="STYLE3">验证码</span>
															</div>
														</td>
														<td width="10" valign="bottom">
															&nbsp;
														</td>
														<td width="52" height="24" valign="bottom">
															<input type="text" name="yzm" maxlength="16"
																title="请输入右侧验证码" id="_yzm"
																style="width: 50px; height: 17px; background-color: #87adbf; border: solid 1px #153966; font-size: 12px; color: #283439;" />
														</td>
														<td width="62" valign="bottom">
															<div align="left">
																<img id="yanZhengMa"
																	src="${pageContext.request.contextPath}/admin/yzmImg?rand=<%=Math.random()%>"
																	onclick="this.src='${pageContext.request.contextPath}/admin/yzmImg?rand='+Math.random();"
																	width="60" height="18">
															</div>
														</td>
													</tr>
													<tr>
													</tr>
												</table>
											</td>
											<td width="26">
												<img
													src="${pageContext.request.contextPath}/images/pingTai/login/login_08.gif"
													width="26" height="84">
											</td>
											<td width="67"
												background="${pageContext.request.contextPath}/images/pingTai/login/login_09.gif">
												<table width="100%" border="0" cellspacing="0"
													cellpadding="0">
													<tr>
														<td height="25">
															<div align="center">
																<a href="javascript:validate()" title="点击登录"> <img
																		border="0"
																		src="${pageContext.request.contextPath}/images/pingTai/login/dl.gif"
																		width="57" height="20"> </a>
															</div>
														</td>
													</tr>
													<tr>
														<td height="25">
															<div align="center" title="点击清空">
																<a href="#"> <img border="0"
																		src="${pageContext.request.contextPath}/images/pingTai/login/cz.gif"
																		width="57" height="20" onclick="resetFun()"> </a>
															</div>
														</td>
													</tr>
												</table>
											</td>
											<td width="211"
												background="${pageContext.request.contextPath}/images/pingTai/login/login_10.gif">
												&nbsp;
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td height="206"
									background="${pageContext.request.contextPath}/images/pingTai/login/login_11.gif">
									&nbsp;
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td bgcolor="#152753">
						&nbsp;
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>